<!--
   name:两个单独操作成功弹窗提示--UI  1-支付成功  2-申请开票成功
   time:2021-10-27
   by:Mr_wu
-->


<template>
    <div>
        <!--   支付成功提示框（申请开票成功提示框）   -->
        <el-dialog
                :append-to-body="true"
                :visible.sync="controlPop"
                width="300px"
                :show-close="false"
                center>
            <div class="f f-j-c">
                <i style="font-size: 90px;color:#3487E8 " class="el-icon-success"></i>
            </div>
            <div class="f f-j-c mar-top-20">
                <span style="font-size: 20px;color:#3487E8;font-weight: bold">{{contentPop}}</span>
            </div>
            <div class="f f-j-c mar-top-20">
                <el-button @click="closePopup" type="primary">关闭</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
    export default {
        name: "successPopup",
        props:{
            controlPop:{
                type:Boolean,
                default:false,
            },
            contentPop:{
                type:String,
                default:'成功'
            }
        },

        methods:{
            //关闭弹窗
            closePopup(){
                this.$emit('close',false)
            }
        }
    }
</script>

<style scoped>

</style>
